<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="utf-8">
    <title>木头人控件属性详解</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
    <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
    <script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
    <style type="text/css">
        body {
            background: #fff;
        }
		
		a:focus {
			outline: none;
		}
		
        a:hover, a:link {
            text-decoration: none;
        }

        a[class="leftDis"] {
            color: #ddd;
        }

        a[class="leftDis"]:hover {
            font-size: 18px;
            color: #43853d;
        }

        .leftDis {
            display: block;
            margin-left: 20px;
            line-height: 25px;
            font-size: 14px;
        }

        .leftDoc {
            width: 234px;
            background: #3a3939;
            position: fixed;
            left: 0;
            top: 0;
            bottom: 0;
            overflow-x: hidden;
            overflow-y: auto;
            color: #ddd;
        }

        .leftDoc p {
            margin-top: 20px;
            font-size: 26px;
            font-weight: bold;
        }

        .rightDoc {
            margin-top: 50px;
            margin-left: 350px;
        }

		.rightDoc div {
			padding: 6px 16px;
		}
		
		.rightDoc div table, .rightDoc div table th, .rightDoc div table td {
			border-color: #8a8a8a;
		}

    </style>
    <script type="text/javascript">
        $(function () {
        	function showTarget(showId) {
        		if(showId != null) {
	        		var targetLength = $(showId).offset().top - 120;
	                $("body,html").animate({
	                    scrollTop: targetLength
	                }, 500);

	                $("body").css("background", "rgba(0, 0, 0, 0.5)");

	                $(".rightDoc>div").css("color", "rgba(0, 0, 0, 0.2)");
	                $(".rightDoc>div").css("background", "none"); 
		            $(".rightDoc>div").css("boxShadow", "none");

		            $(showId).css("color", "#000");
		            $(showId).css("background", "#fff");
		            $(showId).css("boxShadow", "inset 0 0 10px 10px rgba(0, 0, 0, 0.5)");
		        }
        	}

        	$('.leftDis').click(function () {
                var showId = "#"+ $(this).attr('href').substring(1);
                showTarget(showId);

            });

        	var showId = window.location.hash;
        	showTarget(showId);

            function GetQueryString(name){ //获取url参数值的函数
				var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
			    var r = window.location.search.substr(1).match(reg);
			    if(r!=null)
			    	return  unescape(r[2]); 
			    return null;
			}

			//隐藏左边导航栏
			var navHide = GetQueryString("navHide");
			if(navHide) {
				$(".leftDoc").css("display", "none");
			}else{
				$(".leftDoc").css("display", "block");
			}
        });
    </script>
</head>
<body>
<div class="content">
    <div class="row">
        <div class="col-lg-2 leftDoc">
            <p>木头人<br>控件属性详解</p>
            <h3>属性目录</h3>
            <a href="#header" class="leftDis">标题</a>
            <a href="#textparagraph" class="leftDis">段落描述</a>
            <a href="#textinput" class="leftDis">单行文字</a>
            <a href="#textareainput" class="leftDis">多行文字</a>
            <a href="#spinner" class="leftDis">数字</a>
            <a href="#datetimepicker" class="leftDis">日期</a>
            <a href="#wysiwyg" class="leftDis">HTML文本</a>
            <a href="#checkboxlist" class="leftDis">多选列表</a>
            <a href="#radiolist" class="leftDis">单选列表</a>
            <a href="#switchbuttons" class="leftDis">按钮单/多选</a>
            <a href="#boolswitch" class="leftDis" id="test">开关</a>
            <a href="#checkboximages" class="leftDis">图片单/多选</a>
            <a href="#selectlist" class="leftDis">下拉列表</a>
            <a href="#line" class="leftDis">分割线</a>
            <a href="#progressbar" class="leftDis">进度条</a>
            <a href="#slider" class="leftDis">滑动条</a>
            <a href="#thumbnail" class="leftDis">图片</a>
            <a href="#videos" class="leftDis">视频播放</a>
            <a href="#audios" class="leftDis">音频播放</a>
            <a href="#tabs" class="leftDis">切换列表</a>
            <a href="#panel" class="leftDis">面板</a>
            <a href="#row" class="leftDis">单列</a>
            <a href="#row2" class="leftDis">两列</a>
            <a href="#row3" class="leftDis">三列</a>
            <a href="#likert" class="leftDis">单选表格</a>
            <a href="#stars" class="leftDis">打分</a>
            <a href="#address" class="leftDis">地址信息</a>
            <a href="#carousel" class="leftDis">图片轮播</a>
            <a href="#menuitem" class="leftDis">图片墙</a>
            <a href="#fileupload" class="leftDis">文件上传</a>
            <a href="#qrcode" class="leftDis">二维码</a>
            <a href="#baidumap" class="leftDis">地图</a>
        </div>
        <div class="col-lg-5 rightDoc">
            <div id="header" class="">
                <h3>标题</h3>
                <h5>设置表单的标题</h5>
                <table class="table table-bordered">
                    <thead>
                    <th width=12%>属性名</th>
                    <th>说明</th>
                    </thead>
                    <tbody>
                    <tr>
                        <td>名称</td>
                        <td>标题唯一的ID，一般不更改</td>
                    </tr>
                    <tr>
                        <td>内容</td>
                        <td>编辑标题的具体内容，可改变字体、字体大小、字体颜色、背景颜色、位置等</td>
                    </tr>
                    <tr>
                        <td>背景图片</td>
                        <td>可以上传自己的图片，给标题添加背景图片</td>
                    </tr>
                    <tr>
                        <td>高度</td>
                        <td>设置标题控件的高度（单位为PX）</td>
                    </tr>
                    <tr>
                        <td>背景颜色</td>
                        <td>设置整个标题控件的背景颜色</td>
                    </tr>
                    </tbody>
                </table>
            </div>

            <div id="textparagraph" class="">
                <h3>段落描述</h3>
                <h5>用于在页面添加一段文字</h5>
                <table class="table table-bordered">
                    <thead>
                    <th width=12%>属性名</th>
                    <th>说明</th>
                    </thead>
                    <tbody>
                    <tr>
                        <td>名称</td>
                        <td>标题唯一的ID，一般不更改</td>
                    </tr>
                    <tr>
                        <td>内容</td>
                        <td>编辑显示在页面的文字内容，可改变字体、字体大小、字体颜色、背景颜色、位置等</td>
                    </tr>
                    </tbody>
                </table>
            </div>

            <div id="textinput" class="">
                <h3>单行文本</h3>
                <h5>供用户填写内容的单行文本框</h5>
                <table class="table table-bordered">
                    <thead>
                    <th width=12%>属性名</th>
                    <th>说明</th>
                    </thead>
                    <tbody>
                    <tr>
                        <td>名称</td>
                        <td>标题唯一的ID，一般不更改</td>
                    </tr>
                    <tr>
                        <td>标题</td>
                        <td>编辑显示的标题</td>
                    </tr>
                    <tr>
                        <td>提示信息</td>
                        <td>用于在文字框内容部分添加一些默认的信息，给用户提示</td>
                    </tr>
                    <tr>
                        <td>默认值</td>
                        <td>用于在文字框内容部分添加一些默认的信息，若用户未填写内容，该内容为默认保存内容</td>
                    </tr>
                    <tr>
                        <td>帮助</td>
                        <td>该内容会在控件底部以小字体的形式出现，给用户提供一些提示信息</td>
                    </tr>
                    <tr>
                        <td>必须的</td>
                        <td>设置该项是否为用户必填项</td>
                    </tr>
                    <tr>
                        <td>可编辑</td>
                        <td>设置该项是否能给用户填写</td>
                    </tr>
                    <tr>
                        <td>字体大小</td>
                        <td>设置该控件显示字体的大小，包括标题和用户填写内容的字体大小，有三个尺寸可选择，分别为大、缺省、小</td>
                    </tr>
                    <tr>
                        <td>图标</td>
                        <td>设置控件右侧显示的图标（可使用关键词搜索）</td>
                    </tr>
                    <tr>
                        <td>添加验证</td>
                        <td>给文字框中输入的信息添加验证，有多种验证方式可供选择</td>
                    </tr>
                    <tr>
                        <td>验证提示</td>
                        <td>若用户填写的信息未通过验证，该提示信息会在页面显示</td>
                    </tr>
                    </tbody>
                </table>
            </div>

            <div id="textareainput" class="">
                <h3>多行文字</h3>
                <h5>供用户填写内容的多行文本域</h5>
                <table class="table table-bordered">
                    <thead>
                    <th width=12%>属性名</th>
                    <th>说明</th>
                    </thead>
                    <tbody>
                    <tr>
                        <td>名称</td>
                        <td>标题唯一的ID，一般不更改</td>
                    </tr>
                    <tr>
                        <td>标题</td>
                        <td>编辑显示的标题</td>
                    </tr>
                    <tr>
                        <td>提示信息</td>
                        <td>可在文本域内容部分添加一些默认的信息，给用户提示</td>
                    </tr>
                    <tr>
                        <td>帮助</td>
                        <td>该内容会在控件底部以小字体的形式出现，给用户提供一些提示信息</td>
                    </tr>
                    <tr>
                        <td>必须的</td>
                        <td>设置该项是否为用户必填项</td>
                    </tr>
                    <tr>
                        <td>可编辑</td>
                        <td>设置是否能给用户填写</td>
                    </tr>
                    <tr>
                        <td>默认值</td>
                        <td>可在文本域内容部分添加一些默认的信息，若用户未填写内容，该内容为默认保存内容</td>
                    </tr>
                    <tr>
                        <td>字体大小</td>
                        <td>设置该控件显示字体的大小，包括标题和用户填写内容的字体大小，有三个尺寸可选择，分别为大、缺省、小</td>
                    </tr>
                    <tr>
                        <td>行数</td>
                        <td>设置该控件填写内容区域显示的高度，以行数来表示</td>
                    </tr>
                    <tr>
                        <td>图标</td>
                        <td>设置控件右侧显示的图标（可使用关键词搜索）</td>
                    </tr>
                    </tbody>
                </table>
            </div>

            <div id="spinner" class="">
                <h3>数字</h3>
                <h5>供用户填写数字的文本框，可控制填写的上下限</h5>
                <table class="table table-bordered">
                    <thead>
                    <th width=12%>属性名</th>
                    <th>说明</th>
                    </thead>
                    <tbody>
                    <tr>
                        <td>名称</td>
                        <td>标题唯一的ID，一般不更改</td>
                    </tr>
                    <tr>
                        <td>标题</td>
                        <td>编辑显示的标题</td>
                    </tr>
                    <tr>
                        <td>帮助</td>
                        <td>该内容会在控件底部以小字体的形式出现，给用户提供一些提示信息</td>
                    </tr>
                    <tr>
                        <td>必须的</td>
                        <td>设置该项是否为用户必填项</td>
                    </tr>
                    <tr>
                        <td>可编辑</td>
                        <td>设置是否能给用户填写</td>
                    </tr>
                    <tr>
                        <td>数字属性</td>
                        <td>设置该数字框填写的数字代表的属性，分为缺省和货币，缺省为数字，默认为缺省。</td>
                    </tr>
                    <tr>
                        <td>默认值</td>
                        <td>可设置默认的数字值，若用户未填写，该数值为默认保存内容</td>
                    </tr>
                    <tr>
                        <td>字体大小</td>
                        <td>设置该控件显示字体的大小，包括标题和用户填写内容的字体大小，有三个尺寸可选择，分别为大、缺省、小</td>
                    </tr>
                    <tr>
                        <td>最小值</td>
                        <td>设置用户能填写的数字的下限</td>
                    </tr>
                    <tr>
                        <td>最大值</td>
                        <td>设置用户能填写的数字的上限</td>
                    </tr>
                    <tr>
                        <td>步距</td>
                        <td>控制当用户通过点击按钮来改变数值时，在已填写的值的基础上增加或减少的数值</td>
                    </tr>
                    <tr>
                        <td>小数位</td>
                        <td>设置系统在保存用户填写的数值时，默认保留的小数位数是多少</td>
                    </tr>
                    <tr>
                        <td>左右对齐</td>
                        <td>控制填写数字的显示位置，有左、中、右可选，默认显示在左边</td>
                    </tr>
                    <tr>
                        <td>模式</td>
                        <td>控制该数字框显示的模式，分为标准和电商，标准模式为右侧显示上下按钮，电商模式为左右两边分别显示-、+符号的按钮，供用户点击去改变数值</td>
                    </tr>
                    </tbody>
                </table>
            </div>

            <div id="datetimepicker" class="">
                <h3>日期</h3>
                <h5>供用户选择日期的控件，有多种显示格式可选</h5>
                <table class="table table-bordered">
                    <thead>
                    <th width=12%>属性名</th>
                    <th>说明</th>
                    </thead>
                    <tbody>
                    <tr>
                        <td>名称</td>
                        <td>标题唯一的ID，一般不更改</td>
                    </tr>
                    <tr>
                        <td>标题</td>
                        <td>编辑显示的标题</td>
                    </tr>
                    <tr>
                        <td>提示信息</td>
                        <td>可在日期框内容部分添加一些默认的信息，给用户提示</td>
                    </tr>
                    <tr>
                        <td>帮助</td>
                        <td>该内容会在控件底部以小字体的形式出现，给用户提供一些提示信息</td>
                    </tr>
                    <tr>
                        <td>必须的</td>
                        <td>设置该项是否为必填项</td>
                    </tr>
                    <tr>
                        <td>可编辑</td>
                        <td>设置该项是否能给用户填写</td>
                    </tr>
                    <tr>
                        <td>日期格式</td>
                        <td>根据需求设置所选日期的显示格式，如只显示年/月、年/月/日、月/日、时：分：秒等</td>
                    </tr>
                    <tr>
                        <td>默认值</td>
                        <td>可设置默认的日期，若用户未填写，该值为默认保存内容</td>
                    </tr>
                    <tr>
                        <td>字体大小</td>
                        <td>设置该控件显示字体的大小，包括标题和用户填写内容的字体大小，有三个尺寸可选择，分别为大、缺省、小</td>
                    </tr>
                    </tbody>
                </table>
            </div>

            <div id="wysiwyg" class="">
                <h3>HTML文本</h3>
                <h5>供用户填写一整段信息，包括文字、图片、音频、视频等</h5>
                <table class="table table-bordered">
                    <thead>
                    <th width=12%>属性名</th>
                    <th>说明</th>
                    </thead>
                    <tbody>
                    <tr>
                        <td>名称</td>
                        <td>标题唯一的ID，一般不更改</td>
                    </tr>
                    <tr>
                        <td>标题</td>
                        <td>编辑显示的标题</td>
                    </tr>
                    <tr>
                        <td>帮助</td>
                        <td>该内容会在控件底部以小字体的形式出现，给用户提供一些提示信息</td>
                    </tr>
                    <tr>
                        <td>必须的</td>
                        <td>设置该项是否为用户必填项</td>
                    </tr>
                    <tr>
                        <td>可编辑</td>
                        <td>设置该项是否能给用户填写</td>
                    </tr>
                    <tr>
                        <td>模式</td>
                        <td>该控件提供多种显示模式，包括默认、精简和全部，区别是一些编辑功能上的增加和缺少，可根据需求选择。默认为全部</td>
                    </tr>
                    <tr>
                        <td>默认值</td>
                        <td>可设置默认的信息，若用户未填写，该信息为默认保存内容</td>
                    </tr>
                    <tr>
                        <td>字体大小</td>
                        <td>设置该控件显示字体的大小，包括标题和用户填写内容的字体大小，有三个尺寸可选择，分别为大、缺省、小</td>
                    </tr>
                    <tr>
                        <td>行数</td>
                        <td>设置填写内容区域显示的高度，以行数来表示</td>
                    </tr>
                    </tbody>
                </table>
            </div>

            <div id="checkboxlist" class="">
                <h3>多选列表</h3>
                <h5>提供多选选项，供用户选择</h5>
                <table class="table table-bordered">
                    <thead>
                    <th width=12%>属性名</th>
                    <th>说明</th>
                    </thead>
                    <tbody>
                    <tr>
                        <td>名称</td>
                        <td>标题唯一的ID，一般不更改</td>
                    </tr>
                    <tr>
                        <td>标题</td>
                        <td>编辑显示的标题</td>
                    </tr>
                    <tr>
                        <td>帮助</td>
                        <td>该内容会在控件底部以小字体的形式出现，给用户提供一些提示信息</td>
                    </tr>
                    <tr>
                        <td>必须的</td>
                        <td>设置该项是否为用户必选项</td>
                    </tr>
                    <tr>
                        <td>至少法则</td>
                        <td>设置规则限定用户最少选择多少项</td>
                    </tr>
                    <tr>
                        <td>至多法则</td>
                        <td>设置规则限定用户最多选择多少项</td>
                    </tr>
                    <tr>
                        <td>可编辑</td>
                        <td>设置该项是否能给用户选择</td>
                    </tr>
                    <tr>
                        <td>允许其他</td>
                        <td>设置是否在选项最后添加一个其他选项，同时带有一个单行文本框，可供用户填写</td>
                    </tr>
                    <tr>
                        <td>选项</td>
                        <td>编辑多选列表每个选项的内容，逐条增加</td>
                    </tr>
                    <tr>
                        <td>字体大小</td>
                        <td>设置该控件显示字体的大小，包括标题和选项内容的字体大小，有三个尺寸可选择，分别为大、缺省、小</td>
                    </tr>
                    <tr>
                        <td>默认值</td> <!-- 有疑问 -->
                        <td>该项可填写多选列表中的默认选项值，设置后在页面会将所填项默认显示为已勾选</td>
                    </tr>
                    <tr>
                        <td>排列</td>
                        <td>设置多选框选项的排列方式，分为垂直和水平，系统根据设置的列数，按照垂直或水平方向的顺序排列所有选项</td>
                    </tr>
                    <tr>
                        <td>列数</td>
                        <td>设置每行显示的选项个数</td>
                    </tr>
                    </tbody>
                </table>
            </div>

            <div id="radiolist" class="">
                <h3>单选列表</h3>
                <h5>提供多个单个选项，供用户选择</h5>
                <table class="table table-bordered">
                    <thead>
                    <th width=12%>属性名</th>
                    <th>说明</th>
                    </thead>
                    <tbody>
                    <tr>
                        <td>名称</td>
                        <td>标题唯一的ID，一般不更改</td>
                    </tr>
                    <tr>
                        <td>标题</td>
                        <td>编辑显示的标题</td>
                    </tr>
                    <tr>
                        <td>帮助</td>
                        <td>该内容会在控件底部以小字体的形式出现，给用户提供一些提示信息</td>
                    </tr>
                    <tr>
                        <td>必须的</td>
                        <td>设置该项是否为用户必选项</td>
                    </tr>
                    <tr>
                        <td>可编辑</td>
                        <td>设置该项是否能给用户选择</td>
                    </tr>
                    <tr>
                        <td>允许其他</td>
                        <td>设置是否在选项最后添加一个其他选项，同时带有一个单行文本框，可供用户填写</td>
                    </tr>
                    <tr>
                        <td>选项</td>
                        <td>编辑单选列表每个选项的内容，逐条增加</td>
                    </tr>
                    <tr>
                        <td>字体大小</td>
                        <td>设置该控件显示字体的大小，包括标题和选项内容的字体大小，有三个尺寸可选择，分别为大、缺省、小</td>
                    </tr>
                    <tr>
                        <td>默认值</td>
                        <td>该项可填写单选列表中的默认选项值，设置后在页面会将所填项默认显示为已勾选</td>
                    </tr>
                    <tr>
                        <td>排列</td>
                        <td>设置单选框选项的排列方式，分为垂直和水平，系统根据设置的列数，按照垂直或水平方向的顺序排列所有选项</td>
                    </tr>
                    <tr>
                        <td>列数</td>
                        <td>设置每行显示的选项个数</td>
                    </tr>
                    </tbody>
                </table>
            </div>

            <div id="switchbuttons" class="">
                <h3>按钮单/多选</h3>
                <h5>按钮形式的单选、多选</h5>
                <table class="table table-bordered">
                    <thead>
                    <th width=12%>属性名</th>
                    <th>说明</th>
                    </thead>
                    <tbody>
                    <tr>
                        <td>名称</td>
                        <td>标题唯一的ID，一般不更改</td>
                    </tr>
                    <tr>
                        <td>标题</td>
                        <td>编辑显示的标题</td>
                    </tr>
                    <tr>
                        <td>帮助</td>
                        <td>该内容会在控件底部以小字体的形式出现，给用户提供一些提示信息</td>
                    </tr>
                    <tr>
                        <td>必须的</td>
                        <td>设置该项是否为用户必选项</td>
                    </tr>
                    <tr>
                        <td>可编辑</td>
                        <td>设置该项是否能给用户选择</td>
                    </tr>
                    <tr>
                        <td>多选的</td>
                        <td>设置该项是否为多选，不勾选则为单选</td>
                    </tr>
                    <tr>
                        <td>选项</td>
                        <td>编辑按钮每个选项的内容，逐条增加</td>
                    </tr>
                    <tr>
                        <td>字体大小</td>
                        <td>设置该控件显示字体的大小，包括标题和选项内容的字体大小，有三个尺寸可选择，分别为大、缺省、小</td>
                    </tr>
                    <tr>
                        <td>默认值</td>
                        <td>该项可填写所有选项内容中某个选项的值，设置后在页面会将所填项默认显示为已选择</td>
                    </tr>
                    <tr>
                        <td>风格</td>
                        <td>设置鼠标经过或者选中按钮时显示的背景颜色，有多种风格可选</td>
                    </tr>
                    </tbody>
                </table>
            </div>

            <div id="boolswitch" class="">
                <h3>开关</h3>
                <h5>供用户选择开或关</h5>
                <table class="table table-bordered">
                    <thead>
                    <th width=12%>属性名</th>
                    <th>说明</th>
                    </thead>
                    <tbody>
                    <tr>
                        <td>名称</td>
                        <td>标题唯一的ID，一般不更改</td>
                    </tr>
                    <tr>
                        <td>标题</td>
                        <td>编辑显示的标题</td>
                    </tr>
                    <tr>
                        <td>帮助</td>
                        <td>该内容会在控件底部以小字体的形式出现，给用户提供一些提示信息</td>
                    </tr>
                    <tr>
                        <td>默认值</td>
                        <td>设置开关默认显示为开或者关</td>
                    </tr>
                    <tr>
                        <td>必须的</td>
                        <td>设置该项是否为用户必选项</td>
                    </tr>
                    <tr>
                        <td>可编辑</td>
                        <td>设置该项是否能给用户选择</td>
                    </tr>
                    <tr>
                        <td>字体大小</td>
                        <td>设置该控件显示的标题字体的大小，有三个尺寸可选，分别为大、缺省、小</td>
                    </tr>
                    </tbody>
                </table>
            </div>

            <div id="checkboximages" class="">
                <h3>图片单/多选</h3>
                <h5>供用户选择的带图片的单/多选</h5>
                <table class="table table-bordered">
                    <thead>
                    <th width=12%>属性名</th>
                    <th>说明</th>
                    </thead>
                    <tbody>
                    <tr>
                        <td>名称</td>
                        <td>标题唯一的ID，一般不更改</td>
                    </tr>
                    <tr>
                        <td>标题</td>
                        <td>编辑显示的标题</td>
                    </tr>
                    <tr>
                        <td>可编辑</td>
                        <td>设置该项是否能给用户选择</td>
                    </tr>
                    <tr>
                        <td>必须的</td>
                        <td>设置该项是否为用户必选项</td>
                    </tr>
                    <tr>
                        <td>多选的</td>
                        <td>设置选项是否为多选，不勾选则为单选</td>
                    </tr>
                    <!-- 有疑问 -->
                    <!-- <tr>
                      <td>至少法则</td>
                      <td>设置规则限定用户最少选择多少项</td>
                    </tr>
                    <tr>
                      <td>至多法则</td>
                      <td>设置规则限定用户最多选择多少项</td>
                    </tr> -->
                    <tr>
                        <td>左右对齐</td>
                        <td>设置所有图片选项的对齐方式，分为左、中、右，默认居左对齐</td>
                    </tr>
                    <tr>
                        <td>添加图片</td>
                        <td>编辑带图片的选项内容，包括上传图片、添加描述、链接、数值等。可根据需求增加多个，还可根据需求点击上下按钮调整该选项在页面中显示的前后顺序</td>
                    </tr>
                    <tr>
                        <td>图片显示</td>
                        <td>设置图片边框的形状，分为无、圆角、圆形、相框等</td>
                    </tr>
                    <tr>
                        <td>宽度</td>
                        <td>设置图片的宽度，单位为PX</td>
                    </tr>
                    <tr>
                        <td>高度</td>
                        <td>设置图片的高度，单位为PX</td>
                    </tr>
                    <tr>
                        <td>背景颜色</td>
                        <td>设置每个选项的背景颜色</td>
                    </tr>
                    <tr>
                        <td>排列</td>
                        <td>设置所有选项的排列方式，分为垂直和水平，垂直为一行显示一个选项，水平为根据图片大小由系统决定每行显示多少个选项</td>
                    </tr>
                    </tbody>
                </table>
            </div>

            <div id="selectlist" class="">
                <h3>下拉列表</h3>
                <h5>供用户选择一个或多个选项的下拉列表框</h5>
                <table class="table table-bordered">
                    <thead>
                    <th width=12%>属性名</th>
                    <th>说明</th>
                    </thead>
                    <tbody>
                    <tr>
                        <td>名称</td>
                        <td>标题唯一的ID，一般不更改</td>
                    </tr>
                    <tr>
                        <td>标题</td>
                        <td>编辑显示的标题</td>
                    </tr>
                    <tr>
                        <td>帮助</td>
                        <td>该内容会在控件底部以小字体的形式出现，给用户提供一些提示信息</td>
                    </tr>
                    <tr>
                        <td>必须的</td>
                        <td>设置该项是否为用户必选项</td>
                    </tr>
                    <tr>
                        <td>可编辑</td>
                        <td>设置该项是否能给用户选择</td>
                    </tr>
                    <tr>
                        <td>多选的</td>
                        <td>设置该下拉列表中的选项是否可供用户多选</td>
                    </tr>
                    <tr>
                        <td>选项</td>
                        <td>设置下拉列表中的每一项内容，逐条增加</td>
                    </tr>
                    <tr>
                        <td>默认值</td>
                        <td>该项可填写所有选项内容中某个选项的值，设置后在页面会将所填项默认显示为已选择。若用户无选择，默认保存该值</td>
                    </tr>
                    <tr>
                        <td>字体大小</td>
                        <td>设置该控件显示字体的大小，包括标题和所选内容的字体大小，有三个尺寸可选择，分别为大、缺省、小</td>
                    </tr>
                    </tbody>
                </table>
            </div>

            <div id="line" class="">
                <h3>分割线</h3>
                <h5>一条直线，可用于分隔内容，方便布局</h5>
                <table class="table table-bordered">
                    <thead>
                    <th width=12%>属性名</th>
                    <th>说明</th>
                    </thead>
                    <tbody>
                    <tr>
                        <td>名称</td>
                        <td>标题唯一的ID，一般不更改</td>
                    </tr>
                    <tr>
                        <td>边框类型</td>
                        <td>有三种直线类型可供选择，分别为实线、虚线、点状线，缺省状态为实线</td>
                    </tr>
                    <tr>
                        <td>边框粗细</td>
                        <td>有三种直线粗细可供选择，分别为细、中等、粗，缺省值为细</td>
                    </tr>
                    <tr>
                        <td>风格</td>
                        <td>提供多种直线颜色，可根据自己的需求选择</td>
                    </tr>
                    </tbody>
                </table>
            </div>

            <div id="progressbar" class="">
                <h3>进度条</h3>
                <h5>供用户选择目前处于哪个阶段，多用于项目、工程等进度选择</h5>
                <table class="table table-bordered">
                    <thead>
                    <th width=12%>属性名</th>
                    <th>说明</th>
                    </thead>
                    <tbody>
                    <tr>
                        <td>名称</td>
                        <td>标题唯一的ID，一般不更改</td>
                    </tr>
                    <tr>
                        <td>标题</td>
                        <td>编辑显示的标题</td>
                    </tr>
                    <tr>
                        <td>帮助</td>
                        <td>该内容会在控件底部以小字体的形式出现，给用户提供一些提示信息</td>
                    </tr>
                    <tr>
                        <td>可编辑</td>
                        <td>设置该项是否能给用户选择</td>
                    </tr>
                    <tr>
                        <td>默认值</td>
                        <td>该项可填写所有选项内容中某个选项的值，设置后在页面会将所填项默认显示为已选择。若用户无选择，默认保存该值</td>
                    </tr>
                    <tr>
                        <td>字体大小</td>
                        <td>设置该控件显示字体的大小，包括标题和选项内容的字体大小，有三个尺寸可选择，分别为大、缺省、小</td>
                    </tr>
                    <tr>
                        <td>选项</td>
                        <td>编辑进度条每一项的内容，逐条增加</td>
                    </tr>
                    <tr>
                        <td>风格</td>
                        <td>设置用户选中某个进度选项时显示的背景颜色，有多种风格提供选择</td>
                    </tr>
                    </tbody>
                </table>
            </div>

            <div id="slider" class="">
                <h3>滑动条</h3>
                <h5>供用户滑动选择值</h5>
                <table class="table table-bordered">
                    <thead>
                    <th width=12%>属性名</th>
                    <th>说明</th>
                    </thead>
                    <tbody>
                    <tr>
                        <td>名称</td>
                        <td>标题唯一的ID，一般不更改</td>
                    </tr>
                    <tr>
                        <td>标题</td>
                        <td>编辑显示的标题</td>
                    </tr>
                    <tr>
                        <td>帮助</td>
                        <td>该内容会在控件底部以小字体的形式出现，给用户提供一些提示信息</td>
                    </tr>
                    <tr>
                        <td>可编辑</td>
                        <td>设置该项是否能给用户点击滑动</td>
                    </tr>
                    <tr>
                        <td>默认值</td>
                        <td>设置滑动条默认显示的值，若用户未设置，该值为默认保存的值</td>
                    </tr>
                    <tr>
                        <td>字体大小</td>
                        <td>设置该控件显示的标题字体的大小，有三个尺寸可选择，分别为大、缺省、小</td>
                    </tr>
                    <tr>
                        <td>最小值</td>
                        <td>设置滑动条的最小值</td>
                    </tr>
                    <tr>
                        <td>最大值</td>
                        <td>设置滑动条的最大值</td>
                    </tr>
                    <tr>
                        <td>背景颜色</td>
                        <td>设置滑动条滑动部分显示的颜色</td>
                    </tr>
                    </tbody>
                </table>
            </div>

            <div id="thumbnail" class="">
                <h3>图片</h3>
                <h5>可以使用该控件在页面添加图片，或供用户上传图片，在页面展示</h5>
                <table class="table table-bordered">
                    <thead>
                    <th width=12%>属性名</th>
                    <th>说明</th>
                    </thead>
                    <tbody>
                    <tr>
                        <td>名称</td>
                        <td>标题唯一的ID，一般不更改</td>
                    </tr>
                    <tr>
                        <td>标题</td>
                        <td>编辑显示的标题</td>
                    </tr>
                    <tr>
                        <td>提示信息</td>
                        <td>用于未上传图片时，在图片框内显示的提示信息，给用户一些提示，如图片尺寸的提示等</td>
                    </tr>
                    <tr>
                        <td>地址链接</td>
                        <td>给图片添加链接，供用户点击跳转到另外一个页面</td>
                    </tr>
                    <tr>
                        <td>可编辑</td>
                        <td>设置是否能让用户上传图片</td>
                    </tr>
                    <tr>
                        <td>左右对齐</td>
                        <td>设置图片的展示位置，居左、中或右，默认为居中对齐</td>
                    </tr>
                    <tr>
                        <td>宽度</td>
                        <td>设置展示图片的宽度，单位为PX</td>
                    </tr>
                    <tr>
                        <td>高度</td>
                        <td>设置展示图片的高度，单位为PX</td>
                    </tr>
                    <tr>
                        <td>图片显示</td>
                        <td>设置图片边框的形状，默认为无，还有圆角、圆形、相框等</td>
                    </tr>
                    <tr>
                        <td>背景图片</td>
                        <td>可上传图片设置该控件的背景图片</td>
                    </tr>
                    <tr>
                        <td>背景颜色</td>
                        <td>可设置整个图片控件的背景颜色</td>
                    </tr>
                    <tr>
                        <td>字体大小</td>
                        <td>设置该控件显示字体的大小，包括标题和提示信息的字体大小，有三个尺寸可选择，分别为大、缺省、小</td>
                    </tr>
                    </tbody>
                </table>
            </div>

            <div id="videos" class="">
                <h3>视频播放</h3>
                <h5>可上传视频在页面做展示</h5>
                <table class="table table-bordered">
                    <thead>
                    <th width=12%>属性名</th>
                    <th>说明</th>
                    </thead>
                    <tbody>
                    <tr>
                        <td>名称</td>
                        <td>标题唯一的ID，一般不更改</td>
                    </tr>
                    <tr>
                        <td>标题</td>
                        <td>编辑显示的标题</td>
                    </tr>
                    <tr>
                        <td>控制台</td>
                        <td>设置是否在视频上显示控制台，供用户控制视频的播放和暂停等</td>
                    </tr>
                    <tr>
                        <td>自动播放</td>
                        <td>设置是否在用户打开页面时就自动播放视频</td>
                    </tr>
                    <tr>
                        <td>左右对齐</td>
                        <td>设置视频的对齐方式，居左、中或右，默认居左对齐</td>
                    </tr>
                    <tr>
                        <td>高度</td>
                        <td>设置视频高度，单位为PX。视频宽度会根据设置的高度变化，宽度最大值为935PX</td>
                    </tr>
                    <tr>
                        <td>视频文件</td> <!-- 有疑问 -->
                        <td>上传要展示的视频文件，格式要求为：xxx</td>
                    </tr>
                    <tr>
                        <td>字体大小</td>
                        <td>设置该控件显示的标题字体的大小，有三个尺寸可选择，分别为大、缺省、小</td>
                    </tr>
                    </tbody>
                </table>
            </div>

            <div id="audios" class="">
                <h3>音频播放</h3>
                <h5>可上传音频做展示</h5>
                <table class="table table-bordered">
                    <thead>
                    <th width=12%>属性名</th>
                    <th>说明</th>
                    </thead>
                    <tbody>
                    <tr>
                        <td>名称</td>
                        <td>标题唯一的ID，一般不更改</td>
                    </tr>
                    <tr>
                        <td>标题</td>
                        <td>编辑显示的标题</td>
                    </tr>
                    <tr>
                        <td>控制台</td>
                        <td>设置是否在音频上显示控制台，供用户控制音频的播放和暂停等</td>
                    </tr>
                    <tr>
                        <td>自动播放</td>
                        <td>设置是否在用户打开页面时就自动播放音频</td>
                    </tr>
                    <tr>
                        <td>音频文件</td> <!-- 有疑问 -->
                        <td>上传要展示的音频文件，格式要求为：xxx</td>
                    </tr>
                    <tr>
                        <td>字体大小</td>
                        <td>设置该控件显示的标题字体的大小，有三个尺寸可选择，分别为大、缺省、小</td>
                    </tr>
                    </tbody>
                </table>
            </div>

            <div id="tabs" class="">
                <h3>切换列表</h3>
                <h5>用于添加多种内容于一个面板中，通过列表切换的方式展示，可根据需求在不同列表添加不同的组件</h5>
                <table class="table table-bordered">
                    <thead>
                    <th width=12%>属性名</th>
                    <th>说明</th>
                    </thead>
                    <tbody>
                    <tr>
                        <td>名称</td>
                        <td>标题唯一的ID，一般不更改</td>
                    </tr>
                    <!--<tr>
                        <td>索引</td>
                        <td></td>
                    </tr>-->
                    <tr>
                        <td>选项</td>
                        <td>设置各个列表标题，逐条增加</td>
                    </tr>
                    <tr>
                        <td>字体大小</td>
                        <td>设置该控件显示字体的大小，包括标题、选项内容和所选控件中需填写的内容的字体大小，有三个尺寸可选择，分别为大、缺省、小</td>
                    </tr>
                    </tbody>
                </table>
            </div>

            <div id="panel" class="">
                <h3>面板</h3>
                <h5>将内容添加到面板中，可用作内容分隔</h5>
                <table class="table table-bordered">
                    <thead>
                    <th width=12%>属性名</th>
                    <th>说明</th>
                    </thead>
                    <tbody>
                    <tr>
                        <td>名称</td>
                        <td>标题唯一的ID，一般不更改</td>
                    </tr>
                    <tr>
                        <td>标题</td>
                        <td>编辑显示的标题</td>
                    </tr>
                    <tr>
                        <td>风格</td>
                        <td>设置面板标题显示的背景颜色，有多种风格提供选择</td>
                    </tr>
                    <tr>
                        <td>字体大小</td>
                        <td>设置该控件显示字体的大小，包括标题、选项内容和所选控件中需填写的内容的字体大小，有三个尺寸可选择，分别为大、缺省、小</td>
                    </tr>
                    </tbody>
                </table>
            </div>

            <div id="row" class="">
                <h3>单列</h3>
                <h5>用于布局</h5> <!-- 需补充 -->
                <table class="table table-bordered">
                    <thead>
                    <th width=12%>属性名</th>
                    <th>说明</th>
                    </thead>
                    <tbody>
                    <tr>
                        <td>名称</td>
                        <td>标题唯一的ID，一般不更改</td>
                    </tr>
                    <tr>
                        <td>边距</td> <!-- 有疑问 -->
                        <td>与布局有关，勾选后单列中设置的所有控件之间会有一定的边距，默认勾选</td>
                    </tr>
                    <tr>
                        <td>字体大小</td>
                        <td>设置该控件内所有控件显示字体的大小，包括标题、选项内容和所选控件中需填写的内容的字体大小，有三个尺寸可选择，分别为大、缺省、小</td>
                    </tr>
                    </tbody>
                </table>
            </div>

            <div id="row2" class="">
                <h3>两列</h3>
                <h5>用于布局，将一行分成两列，可在每一列中添加控件，可嵌套使用</h5>
                <table class="table table-bordered">
                    <thead>
                    <th width=12%>属性名</th>
                    <th>说明</th>
                    </thead>
                    <tbody>
                    <tr>
                        <td>名称</td>
                        <td>标题唯一的ID，一般不更改</td>
                    </tr>
                    <tr>
                        <td>列宽度</td>
                        <td>设置两列显示宽度的比例，有多种比例可供选择</td>
                    </tr>
                    <tr>
                        <td>边距</td> <!-- 有疑问 -->
                        <td>与布局有关，勾选后两列中设置的所有控件之间会有一定的边距，默认勾选</td>
                    </tr>
                    <tr>
                        <td>字体大小</td>
                        <td>设置该控件内所有控件显示字体的大小，包括标题、选项内容和所选控件中需填写的内容的字体大小，有三个尺寸可选择，分别为大、缺省、小</td>
                    </tr>
                    </tbody>
                </table>
            </div>

            <div id="row3" class="">
                <h3>三列</h3>
                <h5>用于布局，将一行分成三列，可在每一列中添加控件，可嵌套使用</h5>
                <table class="table table-bordered">
                    <thead>
                    <th width=12%>属性名</th>
                    <th>说明</th>
                    </thead>
                    <tbody>
                    <tr>
                        <td>名称</td>
                        <td>标题唯一的ID，一般不更改</td>
                    </tr>
                    <tr>
                        <td>列宽度</td>
                        <td>设置三列显示宽度的比例，有多种比例可供选择</td>
                    </tr>
                    <tr>
                        <td>边距</td> <!-- 有疑问 -->
                        <td>与布局有关，勾选后两列中设置的所有控件之间会有一定的边距，默认勾选</td>
                    </tr>
                    <tr>
                        <td>字体大小</td>
                        <td>设置该控件内所有控件显示字体的大小，包括标题、选项内容和所选控件中需填写的内容的字体大小，有三个尺寸可选择，分别为大、缺省、小</td>
                    </tr>
                    </tbody>
                </table>
            </div>

            <div id="likert" class="">
                <h3>单选表格</h3>
                <h5>一个单选表格，可根据需求设置问题和选项，供用户选择，多用于做满意度调查或设置具有相同选项而不同题目的单选题</h5>
                <table class="table table-bordered">
                    <thead>
                    <th width=12%>属性名</th>
                    <th>说明</th>
                    </thead>
                    <tbody>
                    <tr>
                        <td>名称</td>
                        <td>标题唯一的ID，一般不更改</td>
                    </tr>
                    <tr>
                        <td>标题</td>
                        <td>编辑显示的标题</td>
                    </tr>
                    <tr>
                        <td>帮助</td>
                        <td>该内容会在控件底部以小字体的形式出现，给用户提供一些提示信息</td>
                    </tr>
                    <tr>
                        <td>可编辑</td>
                        <td>设置该项是否能给用户选择</td>
                    </tr>
                    <tr>
                        <td>选项</td>
                        <td>设置每一列对应的选项内容，逐条增加</td>
                    </tr>
                    <tr>
                        <td>问题</td>
                        <td>设置每一行对应的问题内容，逐条增加</td>
                    </tr>
                    <tr>
                        <td>字体大小</td>
                        <td>设置该控件显示字体的大小，包括标题和所有选项、问题的字体大小，有三个尺寸可选择，分别为大、缺省、小</td>
                    </tr>
                    </tbody>
                </table>
            </div>

            <div id="stars" class="">
                <h3>打分</h3>
                <h5>供用户用点亮小图标的方式来打分</h5>
                <table class="table table-bordered">
                    <thead>
                    <th width=12%>属性名</th>
                    <th>说明</th>
                    </thead>
                    <tbody>
                    <tr>
                        <td>名称</td>
                        <td>标题唯一的ID，一般不更改</td>
                    </tr>
                    <tr>
                        <td>标题</td>
                        <td>编辑显示的标题</td>
                    </tr>
                    <tr>
                        <td>必须的</td>
                        <td>设置该项是否为必选项</td>
                    </tr>
                    <tr>
                        <td>可编辑</td>
                        <td>设置该项是否能给用户选择</td>
                    </tr>
                    <tr>
                        <td>图标</td>
                        <td>设置显示的图标样式</td>
                    </tr>
                    <tr>
                        <td>风格</td>
                        <td>设置点亮图标时给图标填充的颜色</td>
                    </tr>
                    <tr>
                        <td>显示个数</td>
                        <td>设置图标显示的个数</td>
                    </tr>
                    <tr>
                        <td>字体大小</td>
                        <td>设置该控件显示的标题的字体大小，有三个尺寸可选择，分别为大、缺省、小</td>
                    </tr>
                    </tbody>
                </table>
            </div>

            <div id="address" class="">
                <h3>地址信息</h3>
                <h5>供用户选择和填写详细的地址信息</h5>
                <table class="table table-bordered">
                    <thead>
                    <th width=12%>属性名</th>
                    <th>说明</th>
                    </thead>
                    <tbody>
                    <tr>
                        <td>名称</td>
                        <td>标题唯一的ID，一般不更改</td>
                    </tr>
                    <tr>
                        <td>标题</td>
                        <td>编辑显示的标题</td>
                    </tr>
                    <tr>
                        <td>提示信息</td>
                        <td>可在地址信息可填写的内容部分添加一些默认的信息，给用户提示</td>
                    </tr>
                    <tr>
                        <td>帮助</td>
                        <td>该内容会在控件底部以小字体的形式出现，给用户提供一些提示信息</td>
                    </tr>
                    <tr>
                        <td>必须的</td>
                        <td>设置该项是否为必填项</td>
                    </tr>
                    <tr>
                        <td>可编辑</td>
                        <td>设置该项是否能给用户选择和填写</td>
                    </tr>
                    <tr>
                        <td>模式</td>
                        <td>有三种模式可选，分为精简、缺省、全部。精简模式只可供用户选择省份和城市信息，缺省模式可供用户选择省份、城市和区/县信息，全部模式在缺省模式的基础上添加了可填写详细地址的文字框。默认模式是全部。
                        </td>
                    </tr>
                    <tr>
                        <td>字体大小</td>
                        <td>设置该控件显示字体的大小，包括标题和所选、所填内容的字体大小，有三个尺寸可选择，分别为大、缺省、小</td>
                    </tr>
                    </tbody>
                </table>
            </div>

            <div id="carousel" class="">
                <h3>图片轮播</h3>
                <h5>制作轮播图片，做展示用</h5>
                <table class="table table-bordered">
                    <thead>
                    <th width=12%>属性名</th>
                    <th>说明</th>
                    </thead>
                    <tbody>
                    <tr>
                        <td>名称</td>
                        <td>标题唯一的ID，一般不更改</td>
                    </tr>
                    <tr>
                        <td>添加图片</td>
                        <td>编辑带图片的选项内容，包括上传图片、添加标题、链接、数值等。可根据需求增加多个，还可根据需求调整前后顺序</td>
                    </tr>
                    <tr>
                        <td>高度</td>
                        <td>设置整个控件的高度，单位为PX</td>
                    </tr>
                    <tr>
                        <td>自动播放</td>
                        <td>设置轮播图是否在展示时自动播放</td>
                    </tr>
                    <tr>
                        <td>分页类型</td>
                        <td>设置轮播图序号的显示类型，有4种，分为无、默认、分数、进度。默认的类型为以小圆点形式在图片下方显示；分数的类型为以分数形式在图片下方显示；进度的类型为以进度条的方式在图片上方显示。</td>
                    </tr>
                    <tr>
                        <td>滑动效果</td>
                        <td>设置轮播图在手机上预览时图片的滑动效果，分为默认和自由模式。默认为一次滑动一张图片，自由模式为一次可滑动多张图片</td>
                    </tr>
                    <tr>
                        <td>同屏展示</td>
                        <td>设置当前图片占控件宽度的缩小显示的比例，空余的两边用其他图片填充。其值最大为图片张数，最小为1。可根据需求设置成不同的展示效果</td>
                    </tr>
                    <tr>
                        <td>图片显示</td>
                        <td>设置图片边框的形状，分为无、圆角、圆形、相框等</td>
                    </tr>
                    <tr>
                        <td>背景颜色</td>
                        <td>设置图片背景颜色</td>
                    </tr>
                    <tr>
                        <td>滑动方向</td>
                        <td>设置图片滑动的方向，分为水平和垂直。默认为水平方向</td>
                    </tr>
                    <tr>
                        <td>操作显示</td>
                        <td>设置是否显示控件两边的左右操作按钮</td>
                    </tr>
                </table>
            </div>

            <div id="menuitem" class="">
                <h3>图片墙</h3>
                <h5>可用于展示商品列表，包括商品图片、描述、链接、价格、数量</h5>
                <table class="table table-bordered">
                    <thead>
                    <th width=12%>属性名</th>
                    <th>说明</th>
                    </thead>
                    <tbody>
                    <tr>
                        <td>名称</td>
                        <td>标题唯一的ID，一般不更改</td>
                    </tr>
                    <tr>
                        <td>标题</td>
                        <td>编辑显示的标题</td>
                    </tr>
                    <tr>
                        <td>可编辑</td>
                        <td>设置是否能给用户编辑</td>
                    </tr>
                    <tr>
                        <td>左右对齐</td>
                        <td>设置所有图片的对齐方式，有居左、中或右，默认为居左对齐</td>
                    </tr>
                    <tr>
                        <td>添加图片</td>
                        <td>编辑带图片的选项内容，包括上传图片、添加图片描述、链接、价格等。可根据需求增加多个，还可根据需求调整图片显示的顺序</td>
                    </tr>
                    <tr>
                        <td>图片显示</td>
                        <td>设置图片边框的形状，分为无、圆角、圆形和相框等</td>
                    </tr>
                    <tr>
                        <td>宽度</td>
                        <td>设置图片的宽度，单位为PX</td>
                    </tr>
                    <tr>
                        <td>高度</td>
                        <td>设置图片的高度，单位为PX</td>
                    </tr>
                    <tr>
                        <td>背景颜色</td>
                        <td>设置每个图片选项的背景颜色</td>
                    </tr>
                    <tr>
                        <td>排列</td>
                        <td>设置所有图片的排列方式，分为垂直和水平，垂直为一行显示一张图片，水平为根据图片大小由系统决定每行显示多少张图片</td>
                    </tr>
                    </tbody>
                </table>
            </div>

            <div id="fileupload" class="">
                <h3>文件上传</h3>
                <h5>供用户上传各种文件</h5>
                <table class="table table-bordered">
                    <thead>
                    <th width=12%>属性名</th>
                    <th>说明</th>
                    </thead>
                    <tbody>
                    <tr>
                        <td>名称</td>
                        <td>标题唯一的ID，一般不更改</td>
                    </tr>
                    <tr>
                        <td>标题</td>
                        <td>编辑显示的标题</td>
                    </tr>
                    <tr>
                        <td>帮助</td>
                        <td>该内容会在控件内容部分以小字体的形式出现，给用户提供一些提示信息</td>
                    </tr>
                    <tr>
                        <td>必须的</td>
                        <td>设置用户是否必须要上传文件</td>
                    </tr>
                    <tr>
                        <td>可编辑</td>
                        <td>设置该项是否能让用户上传文件</td>
                    </tr>
                    <tr>
                        <td>文件类型</td>
                        <td>设置可上传的文件类型，有四种方式可选，分为图片文件、音频文件、视频文件和所有文件。默认为所有文件</td>
                    </tr>
                    <tr>
                        <td>最大值</td>
                        <td>设置用户上传的每个文件大小的上限值，单位为MB</td>
                    </tr>
                    <tr>
                        <td>字体大小</td>
                        <td>设置该控件显示字体的大小，包括标题和提示内容的字体大小，有三个尺寸可选择，分别为大、缺省、小</td>
                    </tr>
                    </tbody>
                </table>
            </div>

            <div id="qrcode" class="">
                <h3>二维码</h3>
                <h5>填写内容，系统生成对应的二维码，在页面做展示</h5>
                <table class="table table-bordered">
                    <thead>
                    <th width=12%>属性名</th>
                    <th>说明</th>
                    </thead>
                    <tbody>
                    <tr>
                        <td>名称</td>
                        <td>标题唯一的ID，一般不更改</td>
                    </tr>
                    <tr>
                        <td>帮助</td>
                        <td>该内容会在控件底部以小字体的形式出现，给用户提供一些提示信息</td>
                    </tr>
                    <tr>
                        <td>内容</td>
                        <td>编辑每个二维码的内容，逐条增加，一行内容生成一个二维码</td>
                    </tr>
                    <tr>
                        <td>宽度</td>
                        <td>设置每个二维码的宽度，高度会对应变化。单位为PX</td>
                    </tr>
                    <tr>
                        <td>左右对齐</td>
                        <td>设置二维码的对齐方式，分为左、中、右，默认为居中对齐</td>
                    </tr>
                    </tbody>
                </table>
            </div>
			
			<div id="baidumap" class="">
                <h3>地图</h3>
                <h5>定位控件，可直接定位当前位置，获取地址信息</h5>
                <table class="table table-bordered">
                    <thead>
                    <th width=12%>属性名</th>
                    <th>说明</th>
                    </thead>
                    <tbody>
                    <tr>
                        <td>名称</td>
                        <td>标题唯一的ID，一般不更改</td>
                    </tr>
                    <tr>
                        <td>标题</td>
                        <td>编辑显示的标题</td>
                    </tr>
                    <tr>
                        <td>地图视图</td>
                        <td>设置地图的显示方式，分为目标地址和行车路线。若选择“目标地址”，则需要填写目标地址的值，地图会显示目标地点的信息；若选择“行车路线”，
                        	则需要填写路线起点、终点和途经的地点等值，地图将会显示一条路线信息</td>
                    </tr>
                    <tr>
                        <td>地址信息</td>
                        <td>设置当前地址信息，默认会自动定位填充当前主机位置信息。可设置默认的地址信息</td>
                    </tr>
                    <tr>
                        <td>缩放级别</td>
                        <td>设置默认的地图显示的级别，即详细程度。数值越大，显示的地图越详细。最低级别为3，最高为19</td>
                    </tr>
                    <tr>
                        <td>高度</td>
                        <td>设置整个控件的高度，单位为PX</td>
                    </tr>
                    <tr>
                        <td>字体大小</td>
                        <td>设置该控件显示字体的大小，包括标题和提示内容的字体大小，有三个尺寸可选择，分别为大、缺省、小</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</body>
</html>